import React,{ Component } from 'react'
import { 
    View,
    Text,
    StyleSheet,
    TouchableOpacity,
    Image
} from 'react-native'

class SettingPage extends Component {

    constructor (props) {
        super(props);
    }
    /*static navigationOptions={
        title:'设置'
    }*/
    componentWillMount () {
        
    }

    render () {//
        const {props:{navigation}}=this
        return (
            <View style={styles.container}>
                <TouchableOpacity style={styles.btn} onPress={()=>navigation.openDrawer()}>
                    <Text style={styles.txt}>toggle</Text>
                </TouchableOpacity>
            </View>
        )
    }

}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
    },
    btn:{
        width:300,
        paddingVertical: 10,
        alignItems:'center',
        backgroundColor:'red',
        textAlign:'center'
    },
    txt:{
        color:'#fff',
    },
    icon: {
        width: 24,
        height: 24,
    }
});

export default SettingPage